Instructions: Let's make a CSS Sticky Footer! There are 3 HTML files for this lesson. This file, index.html, is the information page. The second page is called student.html - that is your file, for you to create your own sticky footer. The third file, entitled final.html within this folder is the final version for your reference.
Fun & fancy ways to create a footer that sticks to the bottom of the browser window! The purpose of a sticky footer is, if there isn't much content on a page, and your "footer" is sitting only about 1/4 way down the page with tons of whitespace below it — it doesn't seem like much of a "footer". The sticky footer keeps it "stuck" to the bottom of the viewport if there isn't much content. It will not cover your content, however — that's a fixed position footer.
In your websites, client projects and applications as a way to keep the footer stuck to the bottom of the browser window!
Check the CSS3 styles from your stylesheet on this website. It allows you to see the compatibility of every CSS style with major browser.